<template>
  <!-- 国家反诈APP -->
  <view class="stateAntifraud">
    <view class="content">
      <view class="content-item">
        <view class="constate">
          <image :src="baseImgUrl + 'stateImg.png'" mode="" class="conbg"></image>

          <image :src="baseImgUrl + 'androidState.png'" mode="" :show-menu-by-longpress="true" class="andClass"></image>

          <image :src="baseImgUrl + 'appleState.png'" mode="" :show-menu-by-longpress="true" class="appleClass"></image>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  import {} from "@/utils/util.js";

  export default {
    name: "stateAntifraud",
    data() {
      return {
        baseImgUrl: this.$baseImgUrl,
        baseURL: this.$baseURL,
        imgPrefix: uni.getStorageSync("imgPrefix"),
      };
    },
    mounted() {
      console.log(this.baseImgUrl)
    },
    onShow() {

    },
    methods: {},
  };
</script>

<style lang="scss">
  .stateAntifraud {
    flex: 1;
    background-color: #1562d4;

    .content {
      margin: 0 auto;
      margin-top: 20rpx;
      margin-bottom: 20rpx;
      padding: 0 20rpx;
      border-radius: 8rpx;
      height: calc(100vh - 25px);
      overflow-y: auto;

      .content-item {
        background: #1562d4;
        height: calc(100vh - 25px);

        .constate {
          position: relative;
          margin: 0 auto;
          width: 710rpx;
        }

        .conbg {
          margin-top: 100rpx;
          width: 100%;
          height: 1200rpx;
        }

        .andClass {
          position: absolute;
          top: 320rpx;
          left: 240rpx;
          width: 230rpx;
          height: 230rpx;
        }

        .appleClass {
          position: absolute;
          top: 680rpx;
          left: 240rpx;
          width: 230rpx;
          height: 230rpx;
        }
      }
    }
  }
</style>